import type {
    LoginParams,
    GetUserInfoByUserIdModel,
    GetUserInfoByUserIdParams,
} from '/@/api/sys/model/userModel'

import store from '/@/store/index'
import { VuexModule, Module, getModule, Mutation, Action } from 'vuex-module-decorators'
import { hotModuleUnregisterModule } from '/@/utils/helper/vuexHelper'

import { PageEnum } from '/@/enums/pageEnum'
import { RoleEnum } from '/@/enums/roleEnum'
import { CacheTypeEnum, ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum'

import { useMessage } from '/@/hooks/web/useMessage'

import router from '/@/router'

import { loginApi, getUserInfoById } from '/@/api/sys/user'

import { setLocal, getLocal, getSession, setSession } from '/@/utils/helper/persistent'
import { useProjectSetting } from '/@/hooks/setting'
import { useI18n } from '/@/hooks/web/useI18n'
import { ErrorMessageMode } from '/@/utils/http/axios/types'

export type UserInfo = Omit<GetUserInfoByUserIdModel, 'roles'>

// 模块名称
const NAME = 'user'
hotModuleUnregisterModule(NAME)

const { permissionCacheType } = useProjectSetting()

// 获取缓存
function getCache<T>(key: string) {
    const fn = permissionCacheType === CacheTypeEnum.LOCAL ? getLocal : getSession
    return fn(key) as T
}

// 设置缓存
function setCache(USER_INFO_KEY: string, info: any) {
    if (!info) return
    // const fn = permissionCacheType === CacheTypeEnum.LOCAL ? setLocal : setSession;
    setLocal(USER_INFO_KEY, info, true)
    // TODO
    setSession(USER_INFO_KEY, info, true)
}

@Module({ namespaced: true, name: NAME, dynamic: true, store })
class User extends VuexModule {
    // 用户信息
    private userInfoState: UserInfo | null = null

    // 用户token
    private tokenState = ''

    // roleList
    private roleListState: RoleEnum[] = []

    get getUserInfoState(): UserInfo {
        return this.userInfoState || getCache<UserInfo>(USER_INFO_KEY) || {}
    }

    get getTokenState(): string {
        return this.tokenState || getCache<string>(TOKEN_KEY)
    }

    get getRoleListState(): RoleEnum[] {
        return this.roleListState.length > 0 ? this.roleListState : getCache<RoleEnum[]>(ROLES_KEY)
    }

    @Mutation
    commitResetState(): void {
        this.userInfoState = null
        this.tokenState = ''
        this.roleListState = []
    }

    @Mutation
    commitUserInfoState(info: UserInfo): void {
        this.userInfoState = info
        setCache(USER_INFO_KEY, info)
    }

    @Mutation
    commitRoleListState(roleList: RoleEnum[]): void {
        this.roleListState = roleList
        setCache(ROLES_KEY, roleList)
    }

    @Mutation
    commitTokenState(info: string): void {
        this.tokenState = info
        setCache(TOKEN_KEY, info)
    }

    /**
     * 发送登录指令
     * @description: login
     */
    @Action
    async login(
        params: LoginParams & {
            goHome?: boolean // 跳转首页
            mode?: ErrorMessageMode
        }
    ): Promise<string | null> {
        try {
            const { goHome = true, mode, ...loginParams } = params
            const data = await loginApi(loginParams, mode)
            console.log(data)
            const { token } = data

            // 保存token
            this.commitTokenState(token)
            this.commitUserInfoState(data.user)
            // 保存用户信息
            // const userInfo = await this.getUserInfoAction({ userId });

            // const name = FULL_PAGE_NOT_FOUND_ROUTE.name;
            // name && router.removeRoute(name);
            goHome && (await router.replace(PageEnum.BASE_HOME))
            return token
        } catch (error) {
            return null
        }
    }

    @Action
    async getUserInfoAction({ userId }: GetUserInfoByUserIdParams) {
        const userInfo = await getUserInfoById({ userId })
        const { role } = userInfo
        const roleList = [role.value] as RoleEnum[]
        this.commitUserInfoState(userInfo)
        this.commitRoleListState(roleList)
        return userInfo
    }

    /**
     * @description: login out
     */
    @Action
    async loginOut(goLogin = false) {
        this.commitTokenState('')
        goLogin && router.push(PageEnum.BASE_LOGIN)
    }

    /**
     * @description: Confirm before logging out
     */
    @Action
    async confirmLoginOut() {
        const { createConfirm } = useMessage()
        const { t } = useI18n()
        createConfirm({
            iconType: 'warning',
            title: t('sys.app.loginOutTip'),
            content: t('sys.app.loginOutMessage'),
            onOk: async () => {
                await this.loginOut(true)
            },
        })
    }
}
export const userStore = getModule<User>(User)
